<template>
    <div class="iframe">
        <div class="i-title">
            <h3>子向父暴露属性</h3>
        </div>
        <cc ref="dialog" />
        <el-button type="primary" @click="showModal">打开</el-button>
        <div class="i-tip">
            {{ tip }}
        </div>
    </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from "vue";
import cc from "../p3/cc.vue";
const dialog = ref({ dialogVisible: false, tip: '' })
const tip = ref("加载中...")
onMounted(() => {
    tip.value = dialog.value.tip;
})
function showModal() {
    dialog.value.dialogVisible = true;
}
</script>
